html {
        -webkit-background-size  : cover;
        -moz-background-size     : cover;
        -o-background-size       : cover;
        background-size          : cover;
	
}


.clear { clear : both; }
body 
{ 
	font             : 95.5% "Trebuchet MS", sans-serif;
}
input, textarea 
{
	font             : 95.5% "Trebuchet MS", sans-serif;
}

#header 
{
	clear              : both;
	position           : fixed;
	left               : 0;
	right              : 0;
	top                : 0;
	height             : 80px;
	min-width          : 800px; 
	width              : auto !important; 
	width              : 800px;
}
	#header #logo 
	{
		float              : left;
		height             : 70px;
		width              : 140px;
	}
	
	#header #indicator
	{
		display 		   : none;
		float              : left;
		height             : 70px;
		width              : 31px;
	}
		#header #indicator img
		{
			margin-top 		    : 30px;
			margin-bottom 		: auto;
		}
	#header #navigation 
	{
		
	}
		#header #navigation ul 
		{
			position          : fixed;
			left              : 280px;
			min-width         : 900px; 
			width             : auto !important; 
			width             : 900px;
		}
			#header #navigation ul li 
			{	
				float            : left;
				padding-top      : 40px;
				padding-bottom   : 10px;
				margin-right     : 20px;
				
			}
				#header #navigation ul a 
				{
					text-decoration  : none;
					margin-left      : 10px;
				}

#content {
	position           : fixed;
	right              : 0px;
	left               : 0px;
	top                : 80px;
	bottom             : 40px;
}
#footer {
	clear              : both;
	position           : fixed;
	left               : 0;
	right              : 0;
	bottom             : 0;
	height             : 40px;
	line-height        : 40px;
	text-align         : right;
}


/************* code-editor ***************/

.CodeMirror 
{
	font-size       : 1.2em;	
	color           : #000;
}

/************* page editor ***************/

#page_container
{
	position	: relative;
	width 		: 100%;
	height 		: 100%;
}
	#page_left_container 
	{
		display      : block;
		position     : fixed;
		width	     : 270px; /* with 10 pixel margin-left */
		top          : 80px;
		left 	     : 0px;
		bottom       : 40px;
		margin-left  : 10px;
	}
		#page_filter 
		{
			display 	  : block;
			height  	  : 40px; /* input and text aligned to the 40px height */
			line-height   : 40px; 
			margin-bottom : 30px; /* put 30 pixel margin to account for 70 pixel height */			
		}
			#page_filter a 
			{
				text-decoration : none;
				font-size       : 1.0em;
			}			
		#page_index 
		{
			position      : relative;
			display       : fixed;
			width 		  : 100%;
			overflow 	  : auto;
		}
			#page_index ul 
			{
				width : 190px;
			}
				#page_index ul li 
				{
					text-align  : left;
					line-height : 1.8em;
				}
					#page_index ul li a 
					{
						text-decoration : none;
						font-size       : 1.0em;
					}		
		#page_actions 
		{
			position   : fixed;
			width      : 320px;
			height     : 160px;
			bottom     : 40;
			left       : 0;
		}
	#page_right_container 
	{
		display     : block;
		position   	: fixed;
		left 		: 280px;
		top 		: 80px;
		right 		: 0px;
		bottom 		: 40px;
	}
		#page_mode_selector 
		{
			display		: block;
			height 		: 40px;
			line-height : 40px;	
		}
			#page_mode_selector ul 
			{
				min-width : 900px; 
				width     : auto !important; 
				width     : 900px;	
				font-size : 1.8em;
			}
				#page_mode_selector ul li 
				{
					float        : left;
					margin-right : 10px;
				}
					#page_mode_selector ul li a 
					{
						text-decoration : none;
						color           : #ccc;
					}
					#page_mode_selector ul li a.selected 
					{
						color : #000;
					}
		#page_controls
		{
			height 		  : 20px;
			line-height   : 20px;
			margin-bottom : 10px;
		}
			#page_controls ul 
			{
				min-width : 900px; 
				width     : auto !important; 
				width     : 900px;	
			}
				#page_controls ul li 
				{
					float        : left;
					margin-right : 10px;
				}
					#page_controls ul li a 
					{
						text-decoration : none;
					}	
		#page_editor 
		{
			
			
		}
			#page_template_editor 
			{
			
			}		
			#page_python_editor 
			{
			
			}







